$(document).ready - Code Metrics - Inspection of "Improve scrutinizer config." - jrfnl/PHP-cheat-sheet-extended - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Pull Request — master (#26)

by Juliette

created 2016-07-08 21:09 UTC

$(document).ready C

↳ Parent: $(document).ready

Complexity

Conditions	10
Paths	20

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	10
c	0
b	0
f	0
nc	20
nop	2
dl	0
loc	77
rs	5.6756

How to fix Long Method Complexity

/* Javascript interaction for PHP cheat sheets. */
jQuery( document ).ready( function() {

	/**
	 * Declare variables.
	 */
	var myAccordion, phpvForm, myTabs, formTabField, windowTitle, tabPanels;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console


	/**
	 * Collapsible notes/legend at top of page.
	 */
	myAccordion = jQuery( '#accordion' );
	myAccordion.accordion({
		active: false,
		collapsible: true,
		icons: {
			header: 'ui-icon-circle-arrow-e',
			activeHeader: 'ui-icon-circle-arrow-s'
		},
		heightStyle: 'content'
	});


	/**
	 * Add auto-submit to php version dropdown.
	 */
	phpvForm = jQuery( '#choose-version' );
	phpvForm.on( 'change', 'select', function() {
		phpvForm.submit();
	});


	/**
	 * Tabbed interface.
	 */
	myTabs       = jQuery( '#tabs' );
	formTabField = jQuery( '#phpv-tab' );
	windowTitle  = jQuery( 'title' );

	myTabs.tabs({
		beforeActivate: function( event, ui ) {
			/* Remove floating table headers from old panel. */
			var oldId = ui.oldPanel.find( 'table' ).attr( 'id' );
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
			if ( oldId ) {
				jQuery( '#' + oldId ).thfloat( 'destroy' );
			}
		},
		activate: function( event, ui ) {
			var tableId, tabHref, tabTab, tabTitle, oldTab, oldTitle, titleText;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
			var oldTabNoUnderscore, oldTitlePre, oldUri;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

			/* (Re-)attach floating table headers for activated panel. */
			tableId = ui.newPanel.find( 'table' ).attr( 'id' );
			if ( tableId ) {
				jQuery( '#' + tableId ).thfloat({
					side: 'head',
					onShow: function( table, block ) {

						// Remove hover and sticky classes as they will otherwise not stay consistent.
						block.find( 'th' ).css( 'background', '' );
					}
				}).thfloat({
					side: 'foot',
					onShow: function( table, block ) {

						// Remove hover and sticky classes as they will otherwise not stay consistent.
						block.find( 'th' ).css( 'background', '' );
					}
				});
			}

			/* Remove hover and sticky classes as they will otherwise not stay consistent. */
			jQuery( '.hover, .sticky' ).removeClass( 'hover sticky' );


			/* Change the location bar url to the selected tab to enable reloading to the currently
			   selected tab and avoid the location bar change causing the page to reload. */
			tabHref  = ui.newTab.find( 'a' ).attr( 'href' );
			tabTab   = ui.newTab.find( 'a' ).attr( 'data-tab' );
			tabTitle = ui.newTab.find( 'a' ).attr( 'data-tab-title' );
			if ( tabHref && tabTab && tabTitle ) {

				oldTab   = ui.oldTab.find( 'a' ).attr( 'data-tab' );
				oldTitle = ui.oldTab.find( 'a' ).attr( 'data-tab-title' );

				titleText   = windowTitle.text();

				if ( titleText.indexOf( ':: ' + oldTitle ) !== -1 ) {
					titleText = titleText.replace( ':: ' + oldTitle, ':: ' + tabTitle );
				}
				else {
					oldTabNoUnderscore = oldTab.replace( '_', ' ' );
					if ( titleText.indexOf( ':: ' + oldTabNoUnderscore ) !== -1 ) {
						titleText = titleText.replace( ':: ' + oldTabNoUnderscore, ':: ' + tabTitle );
					}
					// This was a generic call, no previous tab selected.
					else {
						oldTitlePre = titleText.substring( 0, titleText.indexOf( ' Cheatsheet for ' ) );
						titleText = oldTitlePre + titleText.replace( oldTitlePre, ( ' :: ' + tabTitle ) );
					}
				}

				// Static sheets.
				if ( '#' === tabHref.substring( 0, 1 ) ) {
					oldUri = window.location.href;
					if ( oldUri.indexOf( '#' ) !== -1 && window.location.hash === ( '#' + oldTab ) ) {
						tabHref = oldUri.replace( window.location.hash, tabHref );
					}
					else {
						tabHref = oldUri + tabHref;
					}
				}
				// Dynamic sheet.
				else {
					tabHref  = tabHref.substring( 0, ( tabHref.indexOf( '/ajax' ) + 1 ) );
				}

				// Add to history.
				history.pushState( null, titleText, tabHref );

				// Change the title bar title.
				windowTitle.text( titleText );
				// Change the tab value for the php version dropdown.
				formTabField.val( tabTab );
			}
		},
		beforeLoad: function( event, ui ) {
			if ( '' === ui.panel.html() ) {
				// Show spinner if tab hasn't been loaded yet.
				ui.panel.html( '<div class="spinner">&nbsp;</div>' );
				// Show error message if ajax loading of content failed.
				ui.jqXHR.error(function() {
					ui.panel.html( 'An error occurred while loading the table. Please try again. If it keeps failing, please inform the site owner.' );
				});
				return true;
			}
			// Ok, html has already loaded, no need to request it again.
			return false;
		},
	    cache: true,
	    create: function( event, ui ) {
			var tabTitle, titleText, oldTitlePre;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

			/* Set the initial tab value for the dropdown and title bar
			   Static sheets only (they are the only ones with location hashes). */
			var tabHash = window.location.hash;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
			if ( tabHash && '' !== tabHash ) {
				// Change the initial tab value for the php version dropdown.
				if ( '' === formTabField.val() ) {
					formTabField.val( tabHash.replace( '#', '' ) );
				}
				// Add the tab title to the initial window titlebar title.
				tabTitle    = ui.tab.find( 'a' ).attr( 'data-tab-title' );
				titleText   = windowTitle.text();
				oldTitlePre = titleText.substring( 0, titleText.indexOf( ' Cheatsheet for ' ) );
				titleText   = oldTitlePre + titleText.replace( oldTitlePre, ( ' :: ' + tabTitle ) );
				windowTitle.text( titleText );
			}
		},
	    load: function( event, ui ) {
			/* Attach floating table headers for panel loaded via Ajax. */
			var tableId = ui.panel.find( 'table' ).attr( 'id' );
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
				jQuery( '#' + tableId ).thfloat({
					side: 'head',
					onShow: function( table, block ) {
						// Remove hover and sticky classes as they will otherwise not stay consistent.
						block.find( 'th' ).css( 'background', '' );
					}
				}).thfloat({
					side: 'foot',
					onShow: function( table, block ) {
						// Remove hover and sticky classes as they will otherwise not stay consistent.
						block.find( 'th' ).css( 'background', '' );
					}
				});
			// Remove hover and sticky classes as they will otherwise not stay consistent.
			// jQuery( '.thfloat th' ).removeClass( 'hover sticky' ).css( 'background', '' );
		}
	});


	/**
	 * Auto-expand relevant accordion legend section when a link refering to text within the section is clicked.
	 */
	myTabs.on( 'click', '.fright a', function() {
		myAccordion.accordion( 'option', 'active', 1 );
	});


	/**
	 * Tooltips for long table column headers.
	 *
	 * @todo improve....
	 */
	jQuery( '.ui-tabs-panel th [title]' ).tooltip({
		tooltipClass: 'th-tooltip',
		content: function() {
			var element = jQuery( this );
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
			var toolTip;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
			toolTip = element.attr( 'title' );
			toolTip = toolTip.replace( /\n/g, '<br />' );
			toolTip = toolTip.replace( /\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;' );
			return toolTip;
		}
	});


	/**
	 * Highlight table row and column.
	 */
	tabPanels = jQuery( '.ui-tabs-panel' );
	tabPanels.on( 'mouseenter', 'td, th', function() {
		var idx    = jQuery( this ).parent().children( 'td,th' ).index( jQuery( this ) ) + 1;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
		var rowIdx = jQuery( this ).parent().parent().children( 'tr' ).index( jQuery( this ).parent() ) + 1;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
		if ( rowIdx > 1 ) {
			jQuery( this ).parent().addClass( 'hover' );
		}
		if ( idx > 1 ) {
			jQuery( '.ui-tabs-panel td:nth-child( ' + idx + ' )' ).addClass( 'hover' );
			jQuery( '.ui-tabs-panel th:nth-child( ' + idx + ' )' ).addClass( 'hover' );
			jQuery( '.thfloat th:nth-child( ' + idx + ' )' ).addClass( 'hover' );
		}
	});
	tabPanels.on( 'mouseleave', 'td, th', function() {
		var idx    = jQuery( this ).parent().children( 'td,th' ).index( jQuery( this ) ) + 1;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
		var rowIdx = jQuery( this ).parent().parent().children( 'tr' ).index( jQuery( this ).parent() ) + 1;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
		if ( rowIdx > 1 ) {
			jQuery( this ).parent().removeClass( 'hover' );
		}
		if ( idx > 1 ) {
			jQuery( '.ui-tabs-panel td:nth-child( ' + idx + ' )' ).removeClass( 'hover' );
			jQuery( '.ui-tabs-panel th:nth-child( ' + idx + ' )' ).removeClass( 'hover' );
			jQuery( '.thfloat th:nth-child( ' + idx + ' )' ).removeClass( 'hover' );
		}
	});


	/**
	 * Sticky table row and column highlighting.
	 */
	tabPanels.on( 'click', 'td, th', function() {
		var idx    = jQuery( this ).parent().children( 'td,th' ).index( jQuery( this ) ) + 1;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
		var rowIdx = jQuery( this ).parent().parent().children( 'tr' ).index( jQuery( this ).parent() ) + 1;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

		var tCells   = jQuery( '.ui-tabs-panel td:nth-child( ' + idx + ' )' );
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
		var tHeaders = jQuery( '.ui-tabs-panel th:nth-child( ' + idx + ' )' );
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
		var fHeaders = jQuery( '.thfloat th:nth-child( ' + idx + ' )' );
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

		if ( jQuery( this ).parent().hasClass( 'sticky' ) || jQuery( 'td:nth-child( ' + idx + ' )' ).hasClass( 'sticky' ) || jQuery( 'th:nth-child( ' + idx + ' )' ).hasClass( 'sticky' ) ) {
			if ( rowIdx > 1 ) {
				jQuery( this ).parent().removeClass( 'sticky' );
			}
			if ( idx > 1 ) {
				tCells.removeClass( 'sticky' );
				tHeaders.removeClass( 'sticky' );
				fHeaders.removeClass( 'sticky' );
			}
		}
		else {
			if ( rowIdx > 1 ) {
				jQuery( this ).parent().addClass( 'sticky' );
			}
			if ( idx > 1 ) {
				tCells.addClass( 'sticky' );
				tHeaders.addClass( 'sticky' );
				fHeaders.addClass( 'sticky' );
			}
		}
	});
});


1			/* Javascript interaction for PHP cheat sheets. */
2			jQuery( document ).ready( function() {
3
4			/**
5			* Declare variables.
6			*/
7			var myAccordion, phpvForm, myTabs, formTabField, windowTitle, tabPanels;
			0 ignored issues – show Coding Style introduced 2016-07-08 21:15 UTC by Report Bug Copy Issue Report As per coding-style, prefer block-scoped variables using `let` or `const` which have better semantics than `var`. Since ECMAScript 6, you can create block-scoped vars or constants with the keywords `let` or `const`. These variables/constants are only valid in the code block where they have been declared. Consider the following two pieces of code: if (true) { var x = "Hello, Stonehenge!"; } console.log(x); //prints Hello, Stonehenge! to the console and if (true) { let x = "Hello, Stonehenge!"; } console.log(x); //ReferenceError: x is not defined The variable is not defined otuside of its block. This limits bleeding of variables into other contexts. To know more about this ECMA6 feature, look at the MDN pages on let and const. Loading history...
8
9
10			/**
11			* Collapsible notes/legend at top of page.
12			*/
13			myAccordion = jQuery( '#accordion' );
14			myAccordion.accordion({
15			active: false,
16			collapsible: true,
17			icons: {
18			header: 'ui-icon-circle-arrow-e',
19			activeHeader: 'ui-icon-circle-arrow-s'
20			},
21			heightStyle: 'content'
22			});
23
24
25			/**
26			* Add auto-submit to php version dropdown.
27			*/
28			phpvForm = jQuery( '#choose-version' );
29			phpvForm.on( 'change', 'select', function() {
30			phpvForm.submit();
31			});
32
33
34			/**
35			* Tabbed interface.
36			*/
37			myTabs = jQuery( '#tabs' );
38			formTabField = jQuery( '#phpv-tab' );
39			windowTitle = jQuery( 'title' );

jrfnl / PHP-cheat-sheet-extended

Pull Request — master (#26)

$(document).ready C

Complexity

Size

Duplication

Importance

How to fix Long Method Complexity

Long Method

Complexity

Duplication Side-by-Side

Filter issues like